<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./lib/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/bootstrap/bootstrap-icons.css">
  <link rel="stylesheet" href="./lib/bootstrap/bootstrap-icons.css">
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./css/cate.css">
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small refresh" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      这是标签列表、修改、删除、增加
      <div class="page-box">
        <div data-v-74fb3e57="" data-v-4f4f6ef4="" class="filter-form">
          <form data-v-4f4f6ef4="" class="el-form el-form--inline wxy_form" data-v-74fb3e57="">
            <div data-v-4f4f6ef4="" class="el-form-item el-form-item--small"><label
                class="el-form-item__label wxy_classify">分类名称</label>
              <div class="el-form-item__content">
                <div data-v-4f4f6ef4="" class="el-input el-input--small el-input--suffix"><!---->
                  <input type="text" autocomplete="off" placeholder="请输入分类名称"
                    class="el-input__inner wxy_input"><!----><!----><!----><!---->
                </div>
                <!---->
              </div>
            </div>
            <div data-v-4f4f6ef4="" class="el-form-item el-form-item--small"><!---->
              <div class="el-form-item__content">
                <button data-v-4f4f6ef4="" type="button" class="el-button el-button--primary el-button--small wxy_btn"
                  id="search"><!---->
                  <i class="el-icon-search"></i>
                  <span class="wxy_top">搜索</span></button>
                <button data-v-4f4f6ef4="" type="button" class="el-button el-button--default el-button--small wxy_btn"
                  id="reset"><!---->
                  <i class="el-icon-refresh"></i><span wxy_top>重置</span></button><!---->
              </div>
            </div>
          </form>
        </div>
      </div>

      <div class="bgc">
        <div class="layui-btn-container">
          <button type="button" class="layui-btn" id="newly">+ 新增</button>
          <button type="button" class="layui-btn">⇵ 导出</button>
        </div>

        <div class="icon">
          <i class="layui-icon layui-icon-up top_content" style="font-size: 25px; color: #444e55;"></i>
          <i class="layui-icon layui-icon-refresh shuaxing" style="font-size: 25px; color: #444e55;"></i>
          <i class="layui-icon layui-icon-app" id="pullDown" style="font-size: 25px; color: #444e55;">
            <ul id="menu">
              <li><input type="checkbox" class="cked" id="one" checked>ID</li>
              <li><input type="checkbox" class="cked" id="two" checked>标签名称</li>
            </ul>
          </i>
        </div>
      </div>

      <!-- 卡片区域 -->
      <div class="layui-card">
        <div class="layui-card-body">
          <!-- 筛选区域 -->
          <!-- <form class="layui-form" id="form">
                    <div class="layui-form-item">
                      <div class="layui-inline"> -->
          <!-- 文章分类的下拉框区域 -->
          <!-- <div class="layui-input-inline">
                          <select id="cateSelect" name="cate_id">
                            <option value="">所有分类</option>
                          </select>
                        </div>
                        <div class="layui-input-inline">
                          <select id="stateSelect" name="state">
                            <option value="">所有状态</option>
                            <option value="已发布">已发布</option>
                            <option value="草稿">草稿</option>
                          </select>
                        </div>
                        <div class="layui-input-inline">
                          <button class="layui-btn" lay-submit>筛选</button>
                        </div>
                      </div>
                    </div>
                  </form> -->

          <!-- 表格区域 -->
          <table class="layui-table">
            <colgroup>

              <col width="90">

              <col width="" name="one">

              <col width="" name="two">

              <col width="">

            </colgroup>
            <thead>
              <tr>
                <th>#</th>
                <th name="one">ID</th>
                <th name="two">标签名称</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="list">
              <tr>
                <td>1</td>
                <td>28</td>
                <td>测试</td>
                <td>
                  <button type="button"
                    class="layui-btn layui-btn-xs btn_edit layui-icon layui-icon-edit wxy_edit wxy_add_del"></button>
                  <button type="button"
                    class="layui-btn layui-btn-danger layui-btn-xs btn_delete layui-icon layui-icon-delete wxy_del wxy_add_del"></button>
                </td>
              </tr>
            </tbody>
          </table>

          <!-- 模态框 -->


          <!-- 分页区域 -->
          <div id="page-box"></div>
        </div>
      </div>

    </div>
  </div>



  <script src="./lib/layui/layui.all.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script src="./lib/bootstrap/bootstrap.min.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./js/form-serialize.js"></script>
  <script src="./js/axiosBase.js"></script>
  <script src="./js/tags_wxy.js"></script>
</body>

</html>